@charset "UTF-8"; .wap_head,.wap_nav{display: none;} @media screen and (max-width:1180px){html{overflow-x: hidden;} *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} a{-webkit-tap-highlight-color:rgba(0,0,0,0);} body{transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;position: relative;left: 0px;} .wap_head{background: #d70000;display: block;height: 50px;width: 100%;line-height: 50px;position: fixed;right:0px;top:0px;z-index: 100;transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s;} .wap_head .menu{font-size: 30px;color: #fff;position: fixed;right:0%;line-height: 50px;height: 50px;width: 50px;text-align: center;top: 0px;transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s;} .wap_head .return{line-height: 50px;height: 50px;position: fixed;left:0%;width: 50px;text-align: center;} .wap_head .wap_logo{margin: 0px auto;display: block; color: #fff;line-height: 50px;font-size: 14px;text-indent: 10px;} .wap_head img{height: 30px;margin-top: 10px;} .wap_head i{color: #fff;} .wap_nav select{width: 94%;margin: 10px auto;display: block;padding: 5px 0;font-size: 12px;color: #999;} .wap_nav{display: block;width: 100vw;position: fixed;left:100vw;top:50px;background: #f9f9f9;transition: 0.4s;height: 100%;z-index: 99;overflow-y: auto;padding-bottom: 150px;} .wap_nav>ul{width: 100%;border-top: 1px solid #eee;} .wap_nav>ul>li>a{text-transform: uppercase;line-height:45px;color: #333;height: 45px;width:86%;display: inline-block;font-size: 14px;} .wap_nav>ul>li i{width: 14%;font-size: 12px;display: inline-block;float: right;color: #333;text-align: center;line-height: 43px;height: 40px;} .wap_nav>ul>li{position: relative;border-bottom: 1px solid #e5e5e5;overflow: hidden;margin: 0 10px;} .wap_nav>ul>li>ul>li>a{text-indent: 0px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;} .wap_nav>ul>li>ul{background: #f5f5f5;display: none;float: left;width: 100%;} .wap_nav .sousuonr{width: 100%;background: #eee;overflow: hidden;} .wap_nav .sousuonr input{width: 80%;float: left;height: 34px;line-height: 34px;text-indent: 10px;font-size: 14px;} .wap_nav .sousuonr button{background: #fff;width:10%;line-height: 34px;height: 34px;float: right;} .wap_nav .sousuonr button i{font-size: 20px;position: relative;top: 2px;} .wap_nav .sousuonr form{height: 34px;margin: 10px;background: #fff;} .wap_nav>ul>li>ul>li>i{line-height: 32px;height:32px;} .wap_nav>ul>li>ul>li>ul{width: 100%;display: none;padding:0 0 40px 0px;} .wap_nav>ul>li>ul>li>ul>li>a{text-indent:40px;display: inline-block;width:80%;line-height:36px;font-size: 12px;text-transform:capitalize;} .wap_nav>ul>li>ul>li>ul>li>i{line-height: 32px;height: 32px;} .wap_nav .sousuonr{animation-delay:0s;} .wap_nav select{animation-delay:0.04s;} .wap_nav>ul>li.i1{animation-delay:0.08s;} .wap_nav>ul>li.i2{animation-delay:0.12s;} .wap_nav>ul>li.i3{animation-delay:0.16s;} .wap_nav>ul>li.i4{animation-delay:0.2s;} .wap_nav>ul>li.i5{animation-delay:0.24s;} .wap_nav>ul>li.i6{animation-delay:0.28s;} .wap_nav>ul>li.i7{animation-delay:0.32s;} body.wapnav{left:-100vw;} body.wapnav .wap_nav{left: 0px;} .index_right a{width:33.33%;float: left;margin-bottom: 0px;border-right: 1px solid #eee;border-radius:0px;} .index_right{left: 0px;bottom: 0px;width: 100%;} .index_right a:last-child{border: none;} .Customer_service{left: 2%;right: 2%;bottom: 50px;width: 96%;height:60%;} .box{width: 100%;padding: 20px 0;} .fenye{width: 100%;margin-left: 0%;border: none;padding: 0px;margin-bottom: 40px;} .fenye a{width: 100%;margin-bottom: 10px;font-size: 14px;} .fenye a.fr{text-align:left;} .Pagination a,.Pagination i,.Pagination form{display: none;} .Pagination a:nth-child(1){display: block;} .Pagination a:last-child{display: block;} .Pagination a:last-child i{display: block;} .Pagination a:nth-child(1) i{display: block;} /*.Pagination span{display: none;}*/ .index_right i{float: none;} .Pagination{margin: 20px 0;} /*wap_navs_tyle_end*/ .indexVideo{ margin-top: 50px; } .indexNav{display: none;} .indexA{top: 0px;padding: 0 20px;border-top: 4px solid #d70000;} .indexTitle{padding: 20px 0;} .indexTitle h2{font-size: 20px;margin-bottom: -10px;} .indexTitle em{height:2px;top: -3px;margin: 0 -4px;width: 40px;} .indexTitle span{width: 8px; height: 8px;border:1px solid #0094e9;} .indexTitle h3{padding: 0px;} .indexARight,.indexALeft{width: 100%; float: none;margin: 0px;} .indexARight img{margin-right: 0px; width: 100%;} .indexRight{bottom: 0px;right: 0px; width: 100%;} .indexRight a{width:25%;float: left;margin-bottom: 0px;border-radius:0px;text-align: center;line-height: 45px;box-shadow: 0 1px 2px 0 rgba(32,33,36,0);border-right: 1px solid #fff;background: #007fc7;} .indexRight a:last-child{border: none;} .indexRight p{display: none;} .indexRight i{width: auto;float: none;font-size: 24px;} .fixedB .wap_head,.fixedB .wap_head .menu{top: -50px;} .indexALeft p,.indexB .indexTitle p{font-size: 14px;line-height: 1.5em; margin-bottom: 0px; margin-top: 1em;} .indexB{background: #2774ce url(../images/index2.jpg) no-repeat top;padding-bottom: 0px;} .indexALeft{padding-bottom: 20px;} .indexB ul{padding: 20px 0;margin: 20px;box-shadow: 0 3px 6px 0 rgba(32,33,36,0.1);} .indexB ul li{width: 100%; margin: 0px;} .indexB ul li:nth-child(2n) img{width: 40px;margin: 10px 0;transform: rotate(55deg);} .indexB ul li:nth-child(1){margin-left: 0px;} .indexB ul li:nth-child(2n){width: 100%;height: auto;} .indexB ul li:nth-child(10) img{transform: rotate(55deg);} .indexB ul li:nth-child(10){ top: 0px; margin-right: 0px;} .indexB ul li:nth-child(12) img{transform: rotate(-55deg);} .indexB ul li:nth-child(14) img{transform: rotate(-55deg);} .indexB ul li:nth-child(16) img{transform: rotate(-55deg);} #indexC{margin:20px 20px 0;} .indexB ul li h3{font-weight:bold; font-size: 16px; color: #2774ce;} .indexDtxt img{width: 60px; margin-bottom: 10px;} .indexDtxt h3{font-size: 14px;font-weight: normal;margin: 0 20px;} .indexDtxt{ margin-top: -62px; } .swiper-pagination span{width: 10px; height: 3px;} #indexC{padding-bottom: 80px;} .indexTitle p{font-size: 14px;} .indexnews_list{margin:0px 20px;} .indexnews_list .indexnews_list_li h2{font-size: 16px; } .indexnews_list .indexnews_list_li p{font-size: 14px;} .index_news{padding-bottom: 40px; margin-top: 0px;} #indexF{margin: 0 20px;} #indexF a{border: none;} #indexF img{height: auto; width: 100%; margin: 0 auto;} #indexF .swiper-pagination{display: block;} #indexF {padding-bottom: 40px;} .indexF{padding-bottom: 20px;} .flltCe{width: 100%;float: none;padding: 0px 20px;margin: 0px;top: 0px;} .footright,.footLeft,.shemei{display: none;} .flltCe img{ padding: 20px 0;} .flltCe form{width: 100%;} .flltCe input,.flltCe input:nth-child(2n),.flltCe button{font-size: 14px; width: 100%; line-height: 40px; height: 40px; margin-bottom: 10px;border-radius:8px;} .flltCe textarea{border-radius:8px; font-size: 14px;} .foot{padding-bottom: 80px; background-color: #004066;} .indexRight a:last-child{border: none; } .indexRight a:nth-child(4){border: none; } .indexRight a:hover{right:0px;} .lanmubanner{margin-top: 50px;top: 0px; margin-bottom: 0px;} .lanmubannerTxt h2{font-size:18px;font-weight: normal;} .lanmubannerTxt{margin-top: -13px;} .crumbs,.ProductTopL,.ProductL{display: none;} .Product{padding: 0px;} .ProductR{width: 100%;} .ProductList{padding: 0px;} .ProductList dt{font-size: 14px;} .ProductList dd a{ width: 45%; margin-right: 0px; margin: 0 2.5% 10px; } .ProductList dl{margin-bottom: 0px;} .ProductList dd h3{ line-height: 30px; height: 30px;font-weight: normal; font-size: 14px; } .ProductList dt{line-height: 40px; margin: 20px 2.5% 10px;} .ProductShow{padding: 20px; float: none;} .productImgs,.productTxt{width: 100%; float: none;} .productTxt{padding-top: 20px;} .productTxtBjq p{font-size: 14px;} .productTxtBjq ul li{font-size: 14px;} .productA a{width: 40%; font-size: 12px; height: 40px; line-height: 40px;} .productTxt h1{font-size: 20px;} .productNrTitle{font-size: 16px;padding: 10px 0 20px;margin: 30px 0px 10px;} .productNrTitle:before{top: 30px; height: 2px;} .productNr td{font-size: 14px; padding: 10px;} .productNr td *{font-size: 14px;} .technologyA{padding: 20px;} .technologyA h2,.technologyB h2{font-size: 20px;} .technologyA p{font-size: 14px;} .technologyA iframe{width: 100%;margin-top:20px; height:50vh;} .technologyB ul li{width: 100%; height: auto; text-align: center; border: none; border-bottom: 1px solid #ddd;} .technologyB h2{padding-bottom: 10px;} .technologyB ul li h3{font-size: 18px;} .technologyB ul li p{font-size: 14px;} .technologyB ul li img{padding-bottom: 0px; float: none; margin: 0 auto;} .technologyB{background: #f5f5f5;} .technologyB ul li:nth-child(4),.technologyB ul li:nth-child(5){ border-bottom: 1px solid #ddd;} .technologyB ul{padding: 0 20px;} .technologyC{padding: 20px;} .technologyC img{width: 100%; margin-right: 0px; float: none;} .technologyC h3{font-size: 20px;padding: 20px 0;} .technologyC p{background: url(../images/j7.png) no-repeat left 4px;margin-bottom: 15px;} .technology{padding-bottom: 40px;} .aboutA{padding: 20px;} .aboutA ul li img,.aboutA ul li:nth-child(2n) img{ width: 100%; margin-right: 0px; float: none; } .aboutA ul li img{ height:auto;} .aboutA ul li iframe{ width:100%;height:auto;} .aboutA ul li h3{font-size: 20px; margin: 10px 0;} .aboutA ul li p{font-size: 14px; line-height: 1.6em;} .aboutA ul li:nth-child(1) strong{font-size: 16px;background: url(../images/ico1.png) no-repeat left 4px;} .aboutA ul li{border-bottom: 1px solid #eee;margin-bottom: 30px; padding-bottom: 20px;} .aboutA ul li:nth-child(2n) img{margin: 0px;} .aboutA ul li:nth-child(2) strong{width: 100%;} .aboutB{background: #f5f5f5;padding: 20px 0 0;} .aboutB ul{padding: 0px 20px;} .aboutB ul li{width: 100%;margin-right: 0px;margin-bottom: 20px;text-align: center;height: auto;padding: 0px 20px;} .aboutB ul li p{font-size: 14px;min-height: auto; margin-top: 0px;} .aboutB ul li em{display: none;} .aboutB ul li h3{font-size: 20px;} .HonorA h2{font-size: 20px;margin-bottom: 10px;} .HonorA p{font-size: 14px;padding: 0px 20px;} .HonorA ul li{float: left;position: relative!important; left: 0px!important;top: 0px!important; width: 45%; margin: 0 2.5% 20px;} .HonorA ul{width: 100%;height: auto;overflow: hidden;padding: 20px 20px 0;} .HonorA ul li img,.HonorA ul li:nth-child(5) img,.HonorA ul li:nth-child(6) img{width: 100%; height: auto;} .HonorA{background: none;padding-bottom: 0px;} #HonorB img{width: 100%;} #HonorB{ margin: 0 20px; } .about{padding-bottom: 40px;} .aboutEquipmentTitle h2{font-size: 20px;} .aboutEquipmentA{padding:0 20px;} .aboutEquipmentTitle p{font-size: 14px; margin: 10px 0 20px;} #aboutEquipmentA h3{font-size: 16px;} #aboutEquipmentA img{height: auto;} #aboutEquipmentA{padding-bottom: 20px;} .aboutEquipmentB,.aboutEquipmentD{padding: 0 20px;} .aboutEquipmentB .swiper-pagination,.aboutEquipmentD .swiper-pagination{display: block;} #aboutEquipmentB{padding-bottom:30px; margin-bottom: 20px;} .aboutEquipmentC{padding: 0 20px;} .aboutEquipmentC img{width: 100%; margin-left:0px; float: none;} .aboutEquipmentC h3{font-size: 20px;padding: 10px 0;} .aboutEquipmentC p{font-size: 14px; margin-bottom: 1em;} #aboutEquipmentD{padding-bottom: 40px;} .download h2{font-size: 20px;padding-bottom: 20px;} .download{padding: 20px;} .download td:nth-child(2),.download td:nth-child(3),.download td:nth-child(4){display: none;} .download td:nth-child(5){width: auto;} .download td{padding: 10px; font-size: 14px;} .download td i{font-size: 16px;} .industry{padding: 20px 20px;} .industry ul li{width: 100%;} .industry ul li p{height: auto;margin: 10px 10px; font-size: 14px;} .industry ul li img{width: 100%;} .industry ul li h3{font-size: 18px;margin: 0 10px;} .industry ul li em{ margin: 0 0 10px 10px; font-size: 14px;} .industry ul li i{font-size: 30px;} .industry ul li span{ width: 60px; height: 60px; line-height: 60px; left: 10px; top: -40px; } .industry ul li:last-child{margin-left: 0px;} .industryShow h1{font-size: 20px; margin-bottom: 10px;} .industryShow{padding: 20px;} .industryShowTxt p{font-size: 14px; line-height: 1.5em;} .industryShowTxt p img{width: 100%;} .industryShowTxt table{max-width: 100%;} .industryShowTxt td{padding: 10px; font-size: 14px;} .industryShowTxt td *{font-size: 14px;} .RelatedProducts h2{font-size: 20px; margin-bottom: 20px;} .RelatedProducts{padding: 20px;} #RelatedProducts h3{font-size: 16px;} #RelatedProducts .swiper-pagination{display: block;} #RelatedProducts{padding-bottom: 20px;} .Contact{padding: 20px;} .ContactLeft h2{font-size: 20px; width: 100%; margin-bottom: 10px;} .ContactLeft,.ContactRight{ width: 100%; } .ContactLeft ul li i{font-size: 16px;} .ContactLeft ul li a{font-size: 14px;} .ContactLeft ul li h3 i{top: 0px;} .ContactRight em{margin-bottom: 20px; font-size: 16px;color: #d70000;} .ContactRight{display: none;} .map{margin: 20px;} .NewsList ul li{ padding-bottom: 20px; margin-bottom: 20px; } .NewsList ul li img{ width: 100%; float: none; margin: 0px; } .NewsList ul li h3{ margin-right: 0px; font-size: 16px; font-weight: 600; padding: 10px 0; } .NewsList ul li p{ font-size: 14px; height: 3em; overflow: hidden; margin: 0 0 10px; } .NewsList ul li span{ position: relative; font-size: 12px; } .NewsList ul li em{ display: none; } .NewsList ul{padding: 20px;} .recruit{padding: 20px;} .recruitA li img{width: 100%;} .recruitA li{margin-bottom: 10px;} .recruitA p{font-size: 16px; padding: 20px 0;} .recruitBsousuo{width: 100%;margin-bottom: 20px;} .recruitBsousuo button{padding: 0 20px;} .recruitB dt span:nth-child(2),.recruitB dt span:nth-child(3),.recruitB dt span:nth-child(4){display: none;} .recruitB dt span:nth-child(1){width: 85%;margin-right: 0px; padding-left: 10px; text-indent: 0px;font-size: 14px; height: 45px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden; float: left;} .recruitB dt span:nth-child(5){width: 10%; margin-right: 0px;} .dlHead{display: none;} .recruitB dt span{line-height: 45px; color: #333;} .recruitB dt i{ line-height: 45px; font-size: 14px; } .recruitBsousuo input{font-size: 14px;} .recruitB dd{padding: 20px 0;} .recruitB h3{font-size: 16px;} .recruitB .requirement ul{width: 100%;} .recruitB .requirement li{width: 100%; font-size: 14px; margin-bottom: 5px;} .recruitB .requirement li em{font-size: 14px;} .recruitB .BJQ p{font-size: 14px; margin-bottom: 0.5em;} .recruitB dl .filepdf{width: 100%;} .recruitB dl .filepdf span{font-size: 12px;} .recruitB dl button{margin: 20px auto 0; display: block; font-size: 14px;} .usbox{padding: 0px 0 0;} .usIndex{width: 100%;} .usIndexHead img{width: 80px;height: 80px;float: none;margin: 0 auto;} .usIndexHead ul li span{} .usIndexNav a{width: 100%;float: left;font-size: 14px;padding: 0px;border-bottom: 1px solid #eee;} .usIndexNav{overflow: hidden;border: none;margin: 0 20px 20px;} .usIndexNav a.this{border-bottom:1px solid #eee;} .usIndexHead ul li{margin-top: 4px;} .CollectionList ul li img{width: 80px;margin-right: 10px;} .CollectionList ul li h3{font-size: 14px;font-weight: normal;} .CollectionList ul li{position: relative;} .CollectionList ul li i{font-size: 12px; position: absolute; right: 0px; top: 0px;} .CollectionList{padding-bottom: 0px;} .Pagination span{font-size: 14px;} .MyNewsShowReply .fileReply{width: 100%;} .usIndexRevise{padding: 0 20px 40px;} .usIndexRevise form{width: 100%;} .usIndexRevise ul li .yanzhengma a{font-size: 14px;} .fileImg{width: 80px; height: 80px;} #indexnews_list .swiper-pagination{display:block;} #indexnews_list{padding-bottom:40px;} .ProductTopR form{width:90%;margin: 10px auto;} .ProductTopR{width:100%;} .ProductTop{ border-top-left-radius: 0; border-bottom-left-radius: 0; } .ProductList dd a:nth-child(3n){margin: 0 2.5% 10px;} .usIndexHead ul{padding-top: 20px;} .UserLand{} .UserFormBox{width:90%; left:5%;margin-left: -0px;} .UserLandNav a{ line-height: 45px; font-size: 14px;} .yanzhengma a{font-size: 12px;} .formB{ padding: 20px 20px;} .formA{padding: 60px 20px 20px;} .UserLandNav{padding: 0 20px;} .indexnews_list .indexnews_list_li img{height:auto;} .ProductList dd img{height: auto;width: 100%;} .NewsShow{ padding: 20px;} .NewsShow h1{font-size: 16px;} .NewsShow .BJQ{} .NewsShow .BJQ p{font-size: 14px;} .NewsShow .BJQ *{font-size: 14px;} .NewsShow .BJQ img{ width:100%;} /*2021骞?鏈?5鏃?1:18:38*/ .indexB ul li:nth-child(10){ position: relative; right: 0px; } .indexB ul li:nth-child(11){ order: 0; } .indexB ul li:nth-child(12){order: 0;} .indexB ul li:nth-child(13){ order: 0; } .indexB ul li:nth-child(14){ order: 0; } .indexB ul li:nth-child(15){ order: 0; } .indexB ul li:nth-child(16){ order: 0; } .indexB ul li:nth-child(17){ order: 0; } #HonorC{margin: 0 20px;} .aboutA ul li h3{text-align: center;} .aboutA ul li iframe{float: none;} .productNr table{margin: 20px 0px;} } /***********************************************************iPad*******************************************************/ @media (min-width:640px) and (max-width:1024px){ }